<template>
	<view id="id" class="content">
		<scroll-view scroll-y="true" style="height: 100%;" >
			<view v-for="(item, key) in reviewMsg" :key="key">
				<item :reviewMsg="item" @reply="reply"></item>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import item from './item.vue';
	export default {
		name: 'review',
		props: {
			reviewMsg: [Array]
		},
		components: {
			item
		},
		data() {
			return {
			}
		},
		mounted() {
		},
		methods: {
			reply(item){
				this.$emit('reply',item)
			}
		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
	}
	
	.content {
		width: 100%;
		height: 100%;
		border-radius:15rpx ;
		overflow: hidden;
	}
	
	.cenHost-Content {
		position: relative;
		width: 100%;
	}
	
	.cr-title {
		width: 100%;
		height: 100rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding: 0 30rpx 0 30rpx;
		border-bottom: 1px solid #e8e8e8;
		box-sizing: border-box;
		background-color: #FFFFFF;
	}
	
	.childReview {
		position: absolute;
		margin: auto;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
	}
	
	.textSendMsg {
		font-size: 14px;
	}
</style>
